$(function(){
    $(".ThrMenu>li").bind("click", openPage);
    //$(".mainMenu").delegate("li[class='yxc']", "click",openPage);
    $(".ThrMenu>li>a").each(function(k) {
        if (!$(this).attr("data-index")) {
            $(this).attr("data-index", k)
        }
    });
    function openPage() {
		if($(this).closest(".loadSlide")){
			$(".loadSlide .ThrMenu>li").unbind("click",openPage);
			$(".loadSlide .ThrMenu>li>a").removeAttr("href");
		}
		var wrapW = $(".wrapTop").width();
        var actWidth = $(".main_list.active").outerWidth(true);
        var sumWidth = 0;
		var hre = $(this).children("a").attr("href"),
            ind = $(this).children("a").attr("target"),
		    txt = $.trim($(this).children("a").text()),
		    k = true;
		if (hre == undefined || $.trim(hre).length == 0) {
	        return false ;
	    }
        $(this).addClass("active").siblings().removeClass("active");
        $(this).closest(".ThrMenu").parent().siblings().find("li.active").removeClass("active");
	    $(".main_list").each(function() { 
            if ($(this).children(".titMess").data("id") == hre) {
                if (!$(this).hasClass("active")) {                 
                    $(this).addClass("active").siblings(".main_list").removeClass("active");
                    $(".main-Cot .main-iframe").each(function() {
                        if ($(this).data("id") == hre) {
                            $(this).show().siblings(".main-iframe").hide();
                            return false ;
                        }
                    }) 
                }
                k = false;
                var beforeWidth = 0,afterWidth = 0; 
                var actWidth = $(this).outerWidth(true);
                var beforeAll = $(this).prevAll();
                var afterAll = $(this).nextAll();
                beforeAll.each(function(){
                    beforeWidth+=$(this).outerWidth(true);   
                })
                afterAll.each(function(){
                    afterWidth+=$(this).outerWidth(true);   
                })
                // console.log(beforeWidth,afterWidth)
                if((afterWidth+actWidth-wrapW)>=0){
                    $(".main_title").animate({
                        "margin-left":-beforeWidth+'px'
                    },"fast")
                }
                return false ;
            } ;
        });

 		if (k) {
            var p = '<li class="main_list active"><span class="titMess fl" data-id="' + hre + '">' + txt + '<i class="icon iconfont icon-guanbi2 fr closeSmall"></i></span></li>';
            $(".main_title .main_list").removeClass("active");
            var n = '<iframe class="main-iframe" name="' + ind + '" src="' + hre + '" data-id="' + hre + '"></iframe>';
            $(".main-Cot").find(".main-iframe").hide().parents(".main-Cot").append(n);
            $(".main_title").append(p);
            $(".main_list").each(function() {                   
                sumWidth+=$(this).outerWidth(true);   
            })
            if((sumWidth-wrapW)>=0){
                $(".main_title").animate({
                    "margin-left":-(sumWidth-wrapW)+'px'
                },"fast")
            }
        } 
        
        return false ; 
        $(".ThrMenu>li").unbind("click",openPage);
	}

    function closeBtn(e) {	
        e.stopPropagation();
        var wrapW = $(".wrapTop").width();
        var sumWidth = 0;
        var m = $(this).parent(".titMess").data("id");
        var l = $(this).closest(".main_title").width();
        if ($(this).closest(".main_list").hasClass("active")) {
            if ($(this).closest(".main_list").next(".main_list").size()) {
                var k = $(this).closest(".main_list").next(".main_list").children(".titMess").data("id");
                $(this).closest(".main_list").next(".main_list").addClass("active");
                $(".main-Cot .main-iframe").each(function() {
                    if ($(this).data("id") == k) {
                        $(this).show().siblings(".main-iframe").hide();
                        return false
                    }
                });
                $(this).closest(".main_list").remove();
            }else{
                $(this).closest(".main_list").prev(".main_list").addClass("active");
                $(".main-Cot .main-iframe").each(function() {
                    if ($(this).data("id") == m) {
                        $(this).hide().prev(".main-iframe").show();
                        return false
                    }
                });
                $(this).closest(".main_list").remove();
            }
            if ($(this).closest(".main_list").prev(".main_list").size()) {
                var k = $(this).closest(".main_list").prev(".main_list:last").data("id");    
                $(this).closest(".main_list").prev(".main_list:last").addClass("active");
                $(".main-Cot .main-iframe").each(function() {
                    if ($(this).data("id") == k) {
                        $(this).show().siblings(".main-iframe").hide();
                        return false ;
                    }
                });
                $(this).closest(".main_list").remove();
                $(".main-Cot .main-iframe").each(function() {
                    if ($(this).data("id") == m) {
                        $(this).remove();
                        return false
                    }
                })
            }
        } else {
            $(this).closest(".main_list").remove();
            $(".main-Cot .main-iframe").each(function() {
                if ($(this).data("id") == m) {
                    $(this).remove();
                    return false ;
                }
            });
        }
        $(".main_list").each(function() { 
        	sumWidth+=$(this).outerWidth(true);
        })
        if((sumWidth-wrapW)>=0){
        	$(".main_title").animate({
                "margin-left":-(sumWidth-wrapW)+'px'
            },"fast")
        }
        if((sumWidth-wrapW)<0){
 			 $(".main_title").animate({
                "margin-left":'1px'
            },"fast")
 		}
        return false ;
    }
    $(".main_title").on("click", ".main_list .closeSmall", closeBtn);

    function togglePage(){
        var listId = $(this).children().data("id");
        $(".ThrMenu li").each(function(){
            var hre = $(this).children("a").attr("href");
            // console.log(listId,hre)
            if(listId=="mainIndex.html"){
                $(".main-Cot .main-iframe").each(function() {
                    if ($(this).data("id") == listId) {
                        $(this).show().siblings(".main-iframe").hide();
                        return false ;
                    }
                });
            }
            if(listId == hre){
                $(this).addClass("active").siblings().removeClass("active");
            }
        })
        if (!$(this).hasClass("active")) {
             $(this).addClass("active").siblings(".main_list").removeClass("active");
        }
        $(".main-Cot .main-iframe").each(function() {
            if ($(this).data("id") == listId) {
                $(this).show().siblings(".main-iframe").hide();
                return false ;
            }
        });
    }
    $(".main_title").on("click", ".main_list", togglePage);  
})
	
	
	




















